.comp_detail{
  height: 100%;
  .header {
    background-color: #41495e;
    padding: 24px 0;
    width: 100%;
    .content {
      width: 1200px;
      margin: 0 auto;
      .row1 {
        color: white;
        display: flex;
        justify-content: space-between;
        .right {
          display: flex;
          width: 60%;
          .content {
            margin-left: 20px;
            .detailTitle {
              width: 300px;
              font-size: 32px;
              line-height: 48px;
              padding: 0 0 3px 0;
            }
            .compType {
              width: 300px;
              color: rgba(255,255,255,.7);
              span {
                margin-right: 10px;
              }
            }
          }
          .detailLogo {
            width: 80px;
            height: 80px;
            img {
              width: 80px;
              height: 80px;
            }
          }
        }
        .left {
          text-align: right;
          display: flex;
          .text {
            font-size: 36px;
            line-height: 40px;
            margin-right: 20px;
            span {
              display: block;
              font-size: 12px;
            }
          }
        }
      }
    }
  }
  .main {
    padding: 16px;
    width: 100%;
    .content {
      width: 1200px;
      margin: 0 auto;
      display: flex;
      .left {
        .hotJob {
          margin: 0 auto;
          padding: 0px 10px 50px 10px;
          width: 1265px;
          height: auto;
          display: flex;
          flex-wrap: wrap;
          justify-content: flex-start;
          hr {
            background-color: #8d92a1;
            height: 1px;
            border: none;
          }
          .jobCard {
            background-color: rgb(255, 255, 255);
            width: 394px;
            height: 130px;
            padding: 16px 20px;
            margin-right: 20px;
            margin-bottom: 20px;
            .job_header {
              cursor: pointer;
              display: flex;
              flex-wrap: wrap;
              h3 {
                width: 200px;
              }
              span:nth-child(2) {
                flex: 1;
                text-align: right;
              }
            }
            span:nth-child(2) {
              margin-right: 10px;
            }
            
          }
        }
       
        .compInfo {
          margin-bottom: 20px;
          p {
            width: 1000px;
            margin-left: 50px;
            margin-top: 30px;
            white-space: pre-wrap;
          }
          a {
            margin-left: 50px;
            margin-top: 30px;
            display: block;
          }
        }
      }
      h2 {
        font-weight: 900;
      }
    }
  }
}